﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Product.aspx.cs" Inherits="Product" %>
    <%@ Register Assembly="CollectionPager" Namespace="SiteUtils" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

    <!--  ==========  -->
    <!--  = Breadcrumbs =  -->
    <!--  ==========  -->
    <div class="darker-stripe">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <ul class="breadcrumb">
                        <li><a href="/"><asp:Literal ID="ltHome" Text="Trang chủ" runat="server" /></a> </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li style="color: White;"><asp:Literal ID="ltCateProd" runat="server" /></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="push-up blocks-spacer">
                    <div class="row">
                        <!--  ==========  -->
                        <!--  = Sidebar =  -->
                        <!--  ==========  -->
                        <aside class="span3 left-sidebar" id="tourStep1">
                    <div class="sidebar-item sidebar-filters" id="sidebarFilters">
                        
                        <!--  ==========  -->
                        <!--  = Sidebar Title =  -->
                        <!--  ==========  -->
                        <div class="underlined">
                        	<h3>Tìm sản phẩm</h3>
                        </div>
                        
                                <!--  ==========  -->
                                <!--  = Product filter =  -->
                                <!--  ==========  -->
                                <div class="accordion-group" id="tourStep1">
                                    <div class="accordion-heading">
                                        <a class="accordion-toggle collapsed" data-toggle="collapse" href="#filterTwo">Sản phẩm <b class="caret"></b></a>
                                    </div>
                                    <div id="filterTwo" class="accordion-body collapse in">
                                        <div class="accordion-inner filter-search">
                                            <asp:CheckBox ID="cbCateId" Text='Đặt trước' runat="server" AutoPostBack="true" />
                                            <asp:CheckBox ID="CheckBox1" Text='Có sẵn' runat="server" AutoPostBack="true" />
                                        </div>
                                    </div>
                                </div> <!-- /size filter -->
                        
                                <!--  ==========  -->
                                <!--  = Product filter =  -->
                                <!--  ==========  -->
						
                                <!--  ==========  -->
                                <!--  = Categories =  -->
                                <!--  ==========  -->
                                <div class="accordion-group" id="tourStep2">
                                    <div class="accordion-heading">
                                        <a class="accordion-toggle" data-toggle="collapse" href="#filterOne">Danh mục <b class="caret"></b></a>
                                    </div>
                                    <div id="filterOne" class="accordion-body collapse in">
                                        <div class="accordion-inner filter-search">
                                            <asp:Repeater ID="rptCateProduct" runat="server" 
                                                onitemcommand="rptCateProduct_ItemCommand" 
                                                onitemdatabound="rptCateProduct_ItemDataBound">
                                                <ItemTemplate>
						                            <%--<input type="checkbox" id="checkbox6" class="css-checkbox" checked="checked"/>--%>
                                                    <asp:CheckBox ID="cbCateId" Text='<%#Eval("Name") %>' runat="server" AutoPostBack="true" />
                                                   <%-- </a>
                                                    <asp:CheckBox ID="cbCateName" class="selectable detailed" Text='<%#Eval("Name") %>' runat="server" Visible="false" />--%>
                                                    <asp:Label ID="lbCateId" Text='<%#Eval("Id") %>' runat="server" Visible="false" />
                                                </ItemTemplate>
                                            </asp:Repeater>
                                        </div>
                                    </div>
                                </div> <!-- /categories -->
                        
                        
                                <!--  ==========  -->
                                <!--  = Color filter =  -->
                                <!--  ==========  -->
                                <div class="accordion-group">
                                    <div class="accordion-heading">
                                        <a class="accordion-toggle collapsed" data-toggle="collapse" href="#filterThree">Màu sắc <b class="caret"></b></a>
                                    </div>
                                    <div id="filterThree" class="accordion-body collapse">
                                        <div class="accordion-inner filter-search">
                                            <asp:Repeater ID="rptColor" runat="server">
                                                <ItemTemplate>
                                                    <asp:CheckBox ID="cbColorName" Text='<%#Eval("Name") %>' runat="server" AutoPostBack="true" />
                                                    <asp:Label ID="lbColorId" Text='<%#Eval("Id") %>' runat="server" Visible="false" />
                                                </ItemTemplate>
                                            </asp:Repeater>
								        </div>
                                    </div>
                                </div> <!-- /color filter -->
                        
                                <!--  ==========  -->
                                <!--  = Brand filter =  -->
                                <!--  ==========  -->
                                <div class="accordion-group">
                                    <div class="accordion-heading">
                                        <a class="accordion-toggle collapsed" data-toggle="collapse" href="#filterFour">Nhãn hiệu <b class="caret"></b></a>
                                    </div>
                                    <div id="filterFour" class="accordion-body collapse">
                                        <div class="accordion-inner filter-search">
                                        <asp:Repeater ID="rptBrand" runat="server">
                                            <ItemTemplate>
                                                    <asp:CheckBox ID="cbBrandName" Text='<%#Eval("Name") %>' runat="server" AutoPostBack="true" />
                                                    <asp:Label ID="lbBrandId" Text='<%#Eval("Id") %>' runat="server" Visible="false" />
                                            </ItemTemplate>
                                        </asp:Repeater>
 
                                        </div>
                                    </div>
                                </div> <!-- /brand filter -->
                        
                                <!--  ==========  -->
                                <!--  = Color filter 2 =  -->
                                <!--  ==========  -->
                                <%--<div class="accordion-group">
                                    <div class="accordion-heading">
                                        <a class="accordion-toggle collapsed" data-toggle="collapse" href="#filterFive">Màu sắc 2<b class="caret"></b></a>
                                    </div>
                                    <div id="filterFive" class="accordion-body collapse">
                                        <div class="accordion-inner">
                                            <div class="color-filter-2">
                                                <ul class="clearfix">
                                                    <li class="color-filter-item"><a class="cfi cf-red" href="#">red</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-green" href="#">green</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-blue" href="#">blue</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-black" href="#">black</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-white" href="#">white</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-pink" href="#">pink</a></li>
                                            
                                                    <li class="color-filter-item"><a class="cfi cf-red" href="#">red</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-green" href="#">green</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-blue" href="#">blue</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-black" href="#">black</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-white" href="#">white</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-pink" href="#">pink</a></li>
                                            
                                                    <li class="color-filter-item"><a class="cfi cf-red" href="#">red</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-green" href="#">green</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-blue" href="#">blue</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-black" href="#">black</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-white" href="#">white</a></li>
                                                    <li class="color-filter-item"><a class="cfi cf-pink" href="#">pink</a></li>
                                                </ul>
                                            </div>
								        </div>
                                    </div>
                                </div>--%> <!-- /color filter 2 -->
                        
                        
                        <a href="#" class="remove-filter" id="removeFilters"><span class="icon-ban-circle"></span> Remove All Filters</a>
                        
                    </div>
                    
                </aside>
                        <!-- /sidebar -->
                        <!--  ==========  -->
                        <!--  = Main content =  -->
                        <!--  ==========  -->
                        <section class="span9">
                    
                    <!--  ==========  -->
                    <!--  = Title =  -->
                    <!--  ==========  -->
                    <div class="underlined push-down-20">
                        <div class="row">
                            <div class="span5">
                                <h3><span class="light"></span><asp:Literal ID="ltCateName" runat="server" /></h3>
                            </div>
                            <div class="span4">
                                <div class="form-inline sorting-by" id="tourStep4">
                                    <label for="isotopeSorting" class="black-clr">Sắp xếp:</label>
                                    <asp:DropDownList ID="dropSort" runat="server" AutoPostBack="true">
                                        <asp:ListItem Text="Giá từ thấp đến cao &uarr;" Value="1" Selected="True" />
                                        <asp:ListItem Text="Giá từ cao xuống thấp &darr;" Value="2" />
                                    </asp:DropDownList>
                                </div>
                            </div>
                        </div>
                    </div> <!-- /title -->
                    
                    <!--  ==========  -->
                    <!--  = Products =  -->
                    <!--  ==========  -->
                    <div class="row popup-products">
                        <div id="isotopeContainer" class="isotope-container">
                    	    <asp:Repeater ID="rptProductFilter" runat="server" 
                                onitemdatabound="rptProductFilter_ItemDataBound">
                                <ItemTemplate>
                	                <!--  ==========  -->
                                    <!--  = Single Product =  -->
                                    <!--  ==========  -->
                    	            <div class="span3">
                    	                <div class="product">
                                            <asp:Repeater ID="rptLabel" runat="server">
                                                <ItemTemplate>
                                                    <div class='<%#Eval("Color") %>'><asp:Literal ID="lbLabelId" Text='<%#Eval("Name") %>' runat="server" /></div>
                                                </ItemTemplate>
                                            </asp:Repeater>
                    	                    <div class="product-img">
                    	                        <div class="picture">
                                                    <asp:Label ID="lbId" Text='<%#Eval("Id") %>' runat="server" Visible="false" />
                                                    <asp:Label ID="lbLabelId" Text='<%#Eval("LabelId") %>' runat="server" Visible="false" />
                    	                            <img width="540" height="374" alt="" src='/Images/Product/big/<%#Eval("Image_01") %>' alt='<%#Eval("Name") %>' />
                    	                            <div class="img-overlay">
                    	                                <a class="btn more btn-primary" href='/<%#Myfunction.GenarateUrlProduct("san-pham", Myfunction.toUrlFriendly(Eval("Name").ToString().Trim()),Eval("Id").ToString().Trim()) %>'>Chi tiết</a>
                    	                                <a class="btn buy btn-danger" href="#">mua ngay</a>
                    	                            </div>
                    	                        </div>
                    	                    </div>
                    	                    <div class="main-titles no-margin">
                    	                        <h4 class="title"><%# (((String)Eval("Cost_Sale").ToString()) != "" ? Eval("Cost_Sale", "$ {0:0,0}").ToString() : Eval("Cost", "$ {0:0,0}").ToString())%></h4>
                    	                        <h5 class="no-margin isotope--title"><%#Eval("Name") %></h5>
                    	                    </div>
                    	                    <p class="center-align product-size">
                                                <span class="product-size-title">Size:</span>
                                                <asp:Repeater ID="rptSize" runat="server">
                                                    <ItemTemplate>
                                                        <asp:Literal ID="lbSize" Text='<%#Eval("Name") %>' runat="server" />
                                                    </ItemTemplate>
                                                </asp:Repeater>
                                            </p>
                    	                </div>
                    	            </div> <!-- /single product -->
                                </ItemTemplate>
                            </asp:Repeater>
                    	</div>
                	</div>
                	<hr />
                    
                    <!--  ==========  -->
                    <!--  = Pagination =  -->
                    <!--  ==========  -->
                    <div class="pagination">
                        <cc1:CollectionPager LabelText="" FirstText='' BackText='<p class="btn btn-primary"><span class="icon-chevron-left"></span></p>&amp;nbsp;'
                            LastText="" NextText='<p class="btn btn-primary"><span class="icon-chevron-right"></span></p>&amp;nbsp;' ShowFirstLast="True" ControlCssClass="collectionpager"
                            PagingMode="PostBack" runat="server" BackNextLinkSeparator="" BackNextLocation="Split"
                            PageNumbersDisplay="Numbers" ResultsLocation="None" BackNextDisplay="HyperLinks"
                            ID="clPages" BackNextButtonStyle="" BackNextStyle="margin-left:7px;margin-right: 7px;"
                            ControlStyle="" PageNumbersSeparator="&amp;nbsp;">
                        </cc1:CollectionPager>
                        <%--<ul>
                            <li><a href="#" class="btn btn-primary"><span class="icon-chevron-left"></span></a></li>
                            <li><a href="#">1</a></li>
                            <li class="active"><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#" class="btn btn-primary"><span class="icon-chevron-right"></span></a></li>
                        </ul>--%>
                    </div> <!-- /pagination -->
                    
                </section>
                        <!-- /main content -->
                    </div>
                <%--</ContentTemplate>
            </asp:UpdatePanel>--%>
        </div>
    </div>
    <!-- /container -->
</asp:Content>
